<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<lv-layout>
  <lv-header>
    <lv-group [lvGutter]="groupOptions.largeRowGutter">
      <div
        class="logo"
        [ngClass]="{
          logo: isCloudBackup,
          'cyber-logo': isCyberEngine,
          'protect-logo': !isCloudBackup && !isCyberEngine
        }"
      ></div>
    </lv-group>
    <lv-group [lvGutter]="groupOptions.largeRowGutter">
      <div class="language" (click)="toggleLanguage()">{{ languageLabel }}</div>
    </lv-group>
  </lv-header>
  <lv-content class="error-container">
    <div class="img-container"></div>
    <h1 class="text-container">{{ errorTitle }}</h1>
    <div class="text-container">{{ errorDesc }}</div>
  </lv-content>
</lv-layout>
